<template>
    <div class="home">
        <img class="logo" src="../../assets/logo.png">
        <p>
            <a href="https://vitejs.dev/guide/features.html" target="_blank">Vite Docs</a>
            |
            <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
        </p>
        
        <div class="btns">
            <router-link to="/d2">pixi</router-link>
            <router-link to="/d3">three</router-link>
        </div>

        <button @click="count++">count is: {{ count }}</button>
    </div>

</template>

<script lang="ts">
    import { ref, defineComponent } from 'vue'
    export default defineComponent({
        name: 'home',
        props: {
            //   msg: {
            //     type: String,
            //     required: true
            //   }
        },
        data() {
            return {
                // imgUrl: "./assets/logo.png"
            }
        },
        setup: () => {
            const count = ref(0)
            return { count }
        },
        mounted(){
            
        }
    })
</script>

<style lang='less' scoped>
    @import url('./index');
</style>